<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>

<!DOCTYPE HTML>
<html>
  <head>
    <title>天安财险</title>
    <%@ include file="/WEB-INF/views/include/head.jsp"%>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
    
  </head>
  
  <body>
  <div id="main" style="width: auto;">
                        <!-- 头部信息 -->
                        <div id="header" class="navbar navbar-fixed-top">
                            <div class="navbar-inner">
                                <div class="brand"><span id="productName">车险移动视频查勘平台</span></div>
                                <ul id="userControl" class="nav pull-right">
                                    <li class="dropdown">
                                        <a class="dropdown-toggle" data-toggle="dropdown" href="#" title="个人信息">案件信息&nbsp;</a>
                                        <ul class="dropdown-menu caseinfo">
                                            <li>当天自助案件下发数:12</li>
                                            <li>自助拍照待处理数:12</li>
                                            <li>查勘拍照待处理数:12</li>
                                            <li>查勘请求数:12</li>
                                            <li>自助请求数:12</li>
                                            <li>在线:12</li>
                                            <li>空闲:12</li>
                                            <li>暂离:12</li>
                                        </ul>
                                    </li>
                                    <li id="userInfo" class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#" title="个人信息">您好, 系统超级管理员&nbsp;</a>
                        <ul class="dropdown-menu">
                            <li><a href="userInfo.html" target="mainFrame"><i class="icon-user"></i>&nbsp; 个人信息</a></li>
                            <li><a href="changePwd.html" target="mainFrame"><i class="icon-lock"></i>&nbsp;  修改密码</a></li>
                        </ul>
                    </li>
                    <li><a href="${ctx}/logout" title="退出登录">退出</a></li>
                    <li>&nbsp;</li>
                </ul>

            </div>
        </div>

        <div class="container-fluid">
            <div id="content" class="row-fluid">
                <!-- 左侧导航 -->
                <div id="left" style="width: 160px; height: 604px;">
                    <div class="accordion" id="menu">

                        <!-- 我的菜单 -->
                        <div class="accordion-group">
                            <div class="accordion-heading">
                                <a class="accordion-toggle"><i class="icon-chevron-down"></i>我的菜单</a>
                            </div>
                            <div class="accordion-body in collapse" style="height: auto;">
                                <div class="accordion-inner">
                                    <ul class="nav nav-list">
                                        <li class="active">
                                            <a href="menus/vedioFrame.html" target="mainFrame"><i class="icon-facetime-video"></i>视频连线</a>
                                        </li>
                                        <li>
                                            <a href="menus/playback.html" target="mainFrame"><i class="icon-film"></i>视频回放</a>
                                        </li>
                                        <li>
                                            <a href="menus/officeMgr.html" target="mainFrame"><i class="icon-user"></i>查勘员管理</a>
                                        </li>
                                        <li>
                                            <a href="menus/imageCheckList.html" target="mainFrame"><i class="icon-camera"></i>拍照查勘处理</a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="icon-wrench"></i>修理厂管理</a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="icon-random"></i>结算案件管理</a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="icon-th-list"></i>报表管理</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <!-- 个人设置 -->
                        <div class="accordion-group">
                            <div class="accordion-heading">
                                <a class="accordion-toggle"><i class="icon-chevron-right"></i>个人设置</a>
                            </div>
                            <div class="accordion-body in collapse" style="height: 0;">
                                <div class="accordion-inner">
                                    <ul class="nav nav-list">
                                        <li>
                                            <a href="#"><i class="icon-user"></i>个人信息</a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="icon-edit"></i>密码修改</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <!-- 系统管理 -->
                        <div class="accordion-group">
                            <div class="accordion-heading">
                                <a class="accordion-toggle"><i class="icon-chevron-right"></i>系统管理</a>
                            </div>
                            <div class="accordion-body in collapse" style="height: 0;">
                                <div class="accordion-inner">
                                    <ul class="nav nav-list">
                                        <li>
                                            <a href="${ctx }/user/list" target="mainFrame"><i class="icon-user"></i>用户管理</a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="icon-screenshot"></i>角色管理</a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="icon-retweet"></i>机构管理</a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="icon-list"></i>菜单管理</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div id="openClose" class="close">&nbsp;</div>

                <!-- 主体内容 -->
                <div id="right">
                    <iframe src="menus/vedioFrame.html" id="mainFrame" name="mainFrame" style="overflow: visible; height: 604px;z-index:100;position: relative;" scrolling="yes" frameborder="no" width="100%" height="650"></iframe>
                </div>

            </div>
        </div>
    </div>

<!-- 遮罩层 -->
<div class="msoverlay" id="msoverlay" style="display: none;"></div>

<script type="text/javascript">

		function showhide(){
		    var $msoverlay = $("#msoverlay");
		    if($msoverlay.is(":hidden")){
		        $msoverlay.show();
		    }else{
		        $msoverlay.hide();
		    }
		
		}

        //==================菜单切换=============
        $("#menu .accordion-heading a").on("click",function(){
            $("#menu .accordion-body").css("height",0);
            var $idom = $(this).find("i");
            if($idom.hasClass("icon-chevron-down")){
                $idom.removeClass("icon-chevron-down").addClass("icon-chevron-right");
            }else{
                $("#menu .accordion-heading a i").removeClass("icon-chevron-down").addClass("icon-chevron-right");
                $(this).find("i").removeClass("icon-chevron-right").addClass("icon-chevron-down");
                $(this).parent().next().css("height","auto");
            }

        });

        $("#menu .nav li").on("click",function(){
            $("#menu .nav li").removeClass("active");
            $(this).addClass("active");
        });
        //==========================窗口自适应
        var leftWidth = 160; // 左侧窗口大小
        var tabTitleHeight = 33; // 页签的高度
        var htmlObj = $("html"), mainObj = $("#main");
        var headerObj = $("#header"), footerObj = $("#footer");
        var frameObj = $("#left, #openClose, #right, #right iframe");
        function wSize(){
            var minHeight = 500, minWidth = 980;
            var strs = getWindowSize().toString().split(",");
            htmlObj.css({"overflow-x":strs[1] < minWidth ? "auto" : "hidden", "overflow-y":strs[0] < minHeight ? "auto" : "hidden"});
            mainObj.css("width",strs[1] < minWidth ? minWidth - 10 : "auto");
            frameObj.height((strs[0] < minHeight ? minHeight : strs[0]) - headerObj.height() - footerObj.height() - (strs[1] < minWidth ? 42 : 28));
            $("#openClose").height($("#openClose").height() - 5);
            wSizeWidth();
        }
        function wSizeWidth(){
            if (!$("#openClose").is(":hidden")){
                var leftWidth = ($("#left").width() < 0 ? 0 : $("#left").width());
                $("#right").width($("#content").width()- leftWidth - $("#openClose").width() -5);
            }else{
                $("#right").width("100%");
            }
        }
    </script>
    <script type="text/javascript" src="${ctxStatic}/common/wsize.min.js"></script>

  </body>
</html>
